html { scroll-behavior: smooth; } 
/********** 메인 공통 **********/
#container { padding: 0 30px; } 
.main-content { display: flex; flex-direction: row; gap: 20px; justify-content: space-between; } 
.main-content > .left { display: flex; flex-direction: column; gap: 20px; width: 320px; overflow: hidden; } 
.main-content > .right { width: calc(100% - 340px); display: flex; flex-direction: column; overflow: hidden; } 
@media only screen and (max-width: 1599px){
 .main-content { flex-direction: column-reverse; } 
 .main-content > .left { width: 100%; height: 354px; flex-direction: row; } 
 .main-content > .right { width: 100%; } 
 }
@media only screen and (max-width: 1023px){
 #container { padding: 0 20px; } 
 .main-content > .left { flex-wrap: wrap; height: auto; } 
 }
/* section1 */
.section1 { padding-bottom: 50px; } 
.section1 .main-visual { position: relative; width: 100%; height:609px; } 
.section1 .main-visual .main-swiper { width: 100%; height: 100%; } 
.section1 .main-visual .main-swiper .vi-wrap { background: #000; } 
.section1 .main-visual .main-swiper .vi-wrap img { width: 100%; height: 100%; object-fit: cover; opacity: 0.6; } 
.section1 .main-visual .txt-wrap { position: absolute; left: 50%; top: 0; height: 100%; z-index: 1; transform: translateX(-50%); padding-top: 225px; } 
.section1 .main-visual .txt-wrap .inner-padding { width: 1200px; margin: 0 auto; } 
.section1 .main-visual .txt-wrap strong { font-family: 'ONE-Mobile-Title'; display: block; line-height: normal; font-size: 4.6rem; color: #fff; font-weight: 500; } 
.section1 .main-visual .txt-wrap .sub-txt { display: block; margin-top: 17px; font-family: var(--main-font); font-weight: 400; font-size: 2.0rem; color: #fff; line-height: normal; } 
.section1 .main-visual .txt-wrap .main-more-btn { display: flex; align-items: center; gap: 10px; color: rgba(255, 255, 255, 0.80); font-size: 1.8rem; font-weight: 600; margin-top: 43px; } 
.section1 .main-visual .txt-wrap .main-more-btn > i { display: inline-block; width: 12px; height: 12px; background-repeat: no-repeat; background-position: center center; background-size: contain; background-image: url("data:image/svg+xml,%3Csvg width='12' height='13' viewBox='0 0 12 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='Frame 20'%3E%3Cg id='Group'%3E%3Cpath id='Vector' d='M1 6.52063H11' stroke='%23D3D3D3' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath id='Vector_2' d='M6 1.52063V11.5206' stroke='%23D3D3D3' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A"); padding-left: 10px; transition: transform 0.3s; } 
.section1 .main-visual .txt-wrap .main-more-btn:hover > i { transform: rotate(90deg); } 
@media only screen and (max-width: 1250px){
 .section1 .main-visual .inner-padding { width: 1200px; } 
 }
@media only screen and (max-width: 1200px){
 .section1 .main-visual .txt-wrap { transform: unset; left: 0; padding: 190px 30px 0 30px; } 
.section1 .main-visual .txt-wrap .inner-padding { padding: 0; } 
 }
@media only screen and (max-width: 1023px){
 .section1 { padding-bottom: 50px; } 
 .section1 .main-visual { height: 500px; } 
.section1 .main-visual .inner-padding { width: 100%; } 
.section1 .main-visual .txt-wrap { padding: 150px 30px 0 30px; } 
.section1 .main-visual .txt-wrap .inner-padding { width: 100%; } 
.section1 .main-visual .txt-wrap strong { font-size: 3.8rem; } 
.section1 .main-visual .txt-wrap .sub-txt { font-size: 1.8rem; } 
 }
@media only screen and (max-width: 767px){
 .section1 .main-visual { height: 400px; } 
.section1 .main-visual .txt-wrap { padding: 140px 20px 0 20px; } 
.section1 .main-visual .txt-wrap strong { font-size: 3.0rem; } 
.section1 .main-visual .txt-wrap .sub-txt { font-size: 1.6rem; } 
.section1 .main-visual .txt-wrap .main-more-btn { font-size: 1.7rem; } 
 }
 @media only screen and (max-width: 460px){
 .section1 .main-visual .txt-wrap strong { font-size: 2.7rem; word-break: keep-all; } 
.section1 .main-visual .txt-wrap strong > br { display: none; } 
.section1 .main-visual .txt-wrap .sub-txt { margin-top: 10px; } 
.section1 .main-visual .txt-wrap .main-more-btn { margin-top: 30px; } 
 }
/* swiper-control-st1 */
.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction { position: unset; bottom: unset; left: unset; width: fit-content; height: fit-content; } 
.swiper-pagination { z-index: 1; } 
.swiper-control-st1 { position: absolute; bottom: 60px; display: flex; align-items: center; gap: 10px; } 
.swiper-control-st1 .swiper-pagination { display: flex; } 
.swiper-control-st1 .swiper-pagination .swiper-pagination-bullet { position: relative; opacity: 0.8; margin: 0 7px; border-radius: 0; background: #fff; transition: all 0.3s; width: 15px; height: 15px;} 
.swiper-control-st1 .swiper-pagination .swiper-pagination-bullet-active { opacity: 1; } 
.swiper-control-st1 .swiper-pagination .swiper-pagination-bullet-active::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border: 1px solid #fff; width: 20px; height: 20px; } 
.swiper-control-st1 .swiper-btn { display: flex; gap: 10px; align-items: center; z-index: 1; } 
.swiper-control-st1 .swiper-btn > a { display: flex; height: 100%; } 
.swiper-control-st1 .swiper-btn > a img, .swiper-control-st1 .swiper-btn > button img {width: 12px;}
.swiper-control-st1 .swiper-btn .play { display: none; height: 10px; } 
@media only screen and (max-width: 1023px){
 .swiper-control-st1 { bottom: 40px; } 
 }
@media only screen and (max-width: 767px){
 .swiper-control-st1 { bottom: 30px; } 
 }

/* section2 */
.section2 { padding-bottom: 50px; } 
.section2 .main-search { position: relative; display: flex; flex-direction: column; align-items: center; } 
.section2 .main-search > .tit { color: var(--main-color); font-weight: 700; font-size: 3.8rem; margin-bottom: 35px; text-align: center; word-break: keep-all; } 
.section2 .main-search .main-search-box { position: relative; width: 850px; display: flex; z-index: 1; } 
.section2 .main-search .main-search-box > input { position: relative; padding: 0 20px; width: 100%; border: 1px solid var(--bd-color); height: 50px;} 
.section2 .main-search .main-search-box > input:focus { outline: none; } 
/* 추천 검색어 박스 */
.section2 .main-search .main-search-box > .key-box { display: none; position: absolute; top: 50px; right: 0; width: 100%; background: #fff; border-right: 1px solid var(--bd-color); border-left: 1px solid var(--bd-color); border-bottom: 1px solid var(--bd-color); z-index: 10; padding: 25px 30px; } 
/* .section2 .main-search .main-search-box > .key-box { display: none; position: absolute; top: 60px; right: 0; width: 100%; background: #fff; border-right: 2px solid var(--main-color); border-left: 2px solid var(--main-color); border-bottom: 2px solid var(--main-color); z-index: 2; padding: 25px 30px; }  */
.section2 .main-search .main-search-box > .key-box > .close-btn { position: absolute; right: 20px; top: 20px; display: block; width: 15px; height: 15px; background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 42.06 42.06'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: none; stroke: %23333; stroke-linecap: round; stroke-linejoin: round; stroke-width: 6px; %7D %3C/style%3E%3C/defs%3E%3Cg id='icon'%3E%3Cline class='cls-1' x1='3' y1='3' x2='39.06' y2='39.06'/%3E%3Cline class='cls-1' x1='39.06' y1='3' x2='3' y2='39.06'/%3E%3C/g%3E%3C/svg%3E"); } 
.section2 .main-search .main-search-box > .key-box > .box-flex { display: flex; gap: 77px; } 
.section2 .main-search .main-search-box > .key-box > .box-flex > .rg { padding-left: 30px; border-left: 1px solid #e5e5e5; } 
.section2 .main-search .main-search-box > .key-box > .box-flex .box-tit { font-size: 1.7rem; font-weight: 700; color: var(--main-color); } 
.section2 .main-search .main-search-box > .key-box > .box-flex .box-list { min-width: 250px; margin-top: 15px; } 
.section2 .main-search .main-search-box > .key-box > .box-flex .box-list > li { line-height: normal; margin-top: 15px; } 
.section2 .main-search .main-search-box > .key-box > .box-flex .box-list > li:first-child { margin-top: 0; } 
.section2 .main-search .main-search-box > .key-box > .box-flex .box-list > li > .num { margin-right: 10px; } 
/* .section2 .main-search .main-search-box > button { display: inline-block; width: fit-content; font-size: 1.8rem; white-space: nowrap; height: 60px; padding: 0 25px; background-color: var(--main-color); font-weight: 500; color: #fff; }  */
.section2 .main-search .main-search-box > button { position: absolute; top: 50%; transform: translateY(-50%); right: 22px; } 
.section2 .main-search .main-search-box > button { width: 20px; height: 20px; } 
.section2 .main-search .main-search-box > button { background-repeat: no-repeat; background-size: contain; background-image: url("data:image/svg+xml,%3Csvg width='22' height='23' viewBox='0 0 22 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.79709 19.1782C14.6556 19.1782 18.5942 15.2396 18.5942 10.3811C18.5942 5.52262 14.6556 1.58403 9.79709 1.58403C4.93859 1.58403 1 5.52262 1 10.3811C1 15.2396 4.93859 19.1782 9.79709 19.1782Z' stroke='%23222222' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16.0068 16.6129L20.9998 21.6059' stroke='%23222222' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); } 

.section2 .main-search .search-key { display: flex; gap: 30px; margin-top: 20px; width: 850px; } 
.section2 .main-search .search-key > .tit { display: flex; align-items: center; gap: 5px; color: var(--main-color); font-size: 1.8rem; font-weight: 600; } 
.section2 .main-search .search-key > .tit > i { width: 15px; height: 15px; background: url(../img/main/icn-star.svg)no-repeat center center / contain; } 
.section2 .main-search .search-key > .key-list { display: flex; gap: 8px; } 
.section2 .main-search .search-key > .key-list > li { display: flex; align-items: center; } 
.section2 .main-search .search-key > .key-list > li a { font-size: 14px; font-weight: 400; color: #444; padding: 6px 13px; background: #EBEBEB; border-radius: 100px; } 
.section2 .main-search .search-key > .key-list > li a::before { content: "#"; margin-right: 4px; } 
@media only screen and (max-width: 1023px){
 .section2 { padding-bottom: 50px; } 
 .section2 .main-search > .tit { font-size: 3.0rem; margin-bottom: 25px; } 
 .section2 .main-search .main-search-box { width: 700px; } 
 .section2 .main-search .search-key { width: 700px; } 
 .section2 .main-search .main-search-box .tit-box { height: 50px; line-height: 50px; padding: 0 25px; } 
 /* .section2 .main-search .main-search-box > button { height: 50px; }  */
 .section2 .main-search .main-search-box > .key-box { top: 50px; width: 100%; } 
 .section2 .main-search .main-search-box > .key-box > .box-flex { gap: unset; } 
 .section2 .main-search .main-search-box > .key-box > .box-flex > .lf { width: 50%; } 
 .section2 .main-search .main-search-box > .key-box > .box-flex > .rg { width: 50%; } 
 .section2 .main-search .main-search-box > .key-box > .box-flex .box-list { min-width: unset; } 
 }
 @media only screen and (max-width: 767px){
 .section2 .main-search .main-search-box { max-width: 100%; } 
 .section2 .main-search > .tit { font-size: 2.5rem; } 
 .section2 .main-search .main-search-box .tit-box { display: none; } 
 .section2 .main-search .search-key { max-width: 100%; } 
 .section2 .main-search .search-key > .tit { white-space: nowrap; }
 .section2 .main-search .search-key > .key-list { flex-wrap: wrap; } 
 .section2 .main-search .search-key > .key-list > li a { padding: 4px 10px; } 
/*  .section2 .main-search .main-search-box > .key-box { top: 50px; width: calc(100% - 113px); }  */
 }
 @media only screen and (max-width: 500px){
 .section2 .main-search .search-key { flex-direction: column; gap: 10px; } 
 .section2 .main-search .main-search-box > input { height: 50px; } 
 .section2 .main-search .main-search-box > .key-box { top: 50px; width: 100% } 
 .section2 .main-search .main-search-box > .key-box > .box-flex { display: block; } 
 .section2 .main-search .main-search-box > .key-box > .box-flex > .lf { width: 100%; } 
 .section2 .main-search .main-search-box > .key-box > .box-flex > .rg { width: 100%; padding-left: 0; border-left: none; margin-top: 20px; } 
 }

/* section3 */
.section3 { padding-bottom: 80px; } 
.section3 .report { display: flex; justify-content: space-between; } 
.section3 .report-wrap { width: 100%; z-index: 0; } 
/* 공통 제목 */
.title-top { display: flex; margin-bottom: 25px; justify-content: space-between; align-items: center; } 
.title-top .lf { display: flex; gap: 20px; align-items: center; } 
.title-top .lf > .tit { color: var(--main-color); font-size: 3.0rem; font-family: 'ONE-Mobile-Title'; font-weight: 400; } 
.title-top .lf > .swiper-pagination .swiper-pagination-bullet { width: 13px; height: 13px; background: transparent; border: 1px solid var(--point-color); opacity: 1; } 
.title-top .lf > .swiper-pagination .swiper-pagination-bullet-active { background-color: var(--point-color); } 
/* 공통 더보기 버튼 */
.more-btn { position: relative; display: flex; width: 44px; height: 44px; background: url(../img/main/more-btn-plus.svg) no-repeat center center / 16px; transition: transform 0.3s; justify-content: center; align-items: center;} 
.more-btn:hover { transform: rotate(90deg); } 
.more-btn::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: var(--point-color); opacity: 0.1; border-radius: 100%; } 
/* 탭 */
.section3 .title-top .rg { display: flex; gap: 20px; align-items: center; } 
.section3 .title-top .rg .tab-btn { display: flex; gap: 10px; flex-wrap: wrap; } 
.section3 .title-top .rg .tab-btn > a { display: inline-block; padding: 5px 10px; font-size: 1.8rem; font-weight: 400; color: var(--point-color); background: #fff; border: 1px solid var(--point-color); border-radius: 0.5rem; white-space: nowrap; } 
.section3 .title-top .rg .tab-btn > a.on { color: #fff; background: var(--point-color); } 
.section3 .title-top .rg .tab-btn > a:focus {outline: 2px dotted #111; outline-offset: 1px;}
.section3 .tab-conts .tab-cont { display: none; } 
.section3 .report-wrap .bottom .swiper { width: 100%; height: 100%; } 
.section3 .report-wrap .bottom .swiper .swiper-wrapper {padding: 5px;}
.section3 .report-wrap .bottom .swiper .swiper-slide { width: 220px; } 
.section3 .report-wrap .bottom .swiper .img-wrap { position: relative; width: 220px; height: 300px; border-radius: 2.0rem; overflow: hidden; }
 .section3 .report-wrap .bottom .swiper .img-wrap:focus-within {z-index: 10;}
.section3 .report-wrap .bottom .swiper .img-wrap::after { content: ""; position: absolute; width: 100%; height: 100%; top: 100%; left: 0; transform: translateY(-100%); opacity: 0.5; background-color: var(--main-color); transition: transform 0.3s ease, opacity 0.3s ease; } 
/* .section3 .report-wrap .bottom .swiper .img-wrap:hover::after { transform: translateY(-100%); opacity: 0.5; } */
.section3 .report-wrap .bottom .swiper .img-wrap img { width: 100%; height: 100%; object-fit: cover; } 
.section3 .report-wrap .bottom .swiper .img-wrap > .cate { position: absolute; top: 20px; left: 20px; display: inline-block; color: #fff; font-size: 15px; font-weight: 600; padding: 6px 10px; white-space: nowrap; border-radius: 0.6rem; z-index: 1 } 
.section3 .report-wrap .bottom .swiper .img-wrap > .cate1 { background: var(--point-color); } 
.section3 .report-wrap .bottom .swiper .img-wrap > .cate2 { background: #527543; } 
.section3 .report-wrap .bottom .swiper .img-wrap > .cate3 { background: #527543; } 
.section3 .report-wrap .bottom .swiper .img-wrap > .cate4 { background: #2B3C68; } 
.section3 .report-wrap .bottom .swiper .img-wrap > .tit { position: absolute; color: #fff; top: 50%; transform: translateY(-90%); left: 0; z-index: 1; font-size: 1.8rem; height: 74px; padding: 20px; opacity: 1; transition: transform 0.3s ease, opacity 0.3s ease; } 
/* .section3 .report-wrap .bottom .swiper .img-wrap:hover > .tit { transform: translateY(-90%); opacity: 1; } */
@media only screen and (max-width: 1023px){
 .section3 { padding-bottom: 50px; overflow-x: hidden; } 
.section3 .report { flex-direction: column; gap: 30px; } 
.section3 .report-wrap { width: 100%; } 
.title-top { margin-bottom: 20px; } 
.title-top .lf > .tit { font-size: 2.5rem; } 
.section3 .title-top { display: block; } 
.section3 .title-top .rg { justify-content: right; margin-top: 20px; } 
 }
@media only screen and (max-width: 767px){
 .title-top .lf { gap: 10px; } 
.title-top .lf > .tit { font-size: 2.2rem; } 
.title-top .lf > .swiper-pagination .swiper-pagination-bullet { width: 10px; height: 10px; } 
.more-btn { width: 35px; height: 35px; background-size: 13px; } 
.section3 .report-wrap .bottom .swiper { overflow: visible; } 
.section3 .title-top .rg { justify-content: space-between; } 
.section3 .title-top .rg .tab-btn { gap: 5px; } 
.section3 .title-top .rg .more-btn { flex-shrink: 0; } 
 }
@media only screen and (max-width: 500px){
 .section3 .title-top .rg .tab-btn > a::after { display: none; } 
 }
/* section4 */
.section4 { padding: 30px 0; background-color: #F3F7F9; } 
.section4 .research { display: flex; gap: 78px; align-items: center; } 
.section4 .research .lf { position: relative; width: 272px; } 
.section4 .research .lf::before { content: ""; position: absolute; top: -70px; left: -170px; width: 505px; height: 256px; opacity: 0.05; background: url(../img/main/world-map-img.svg)no-repeat center center / contain; } 
.section4 .research .lf .txt-box { display: flex; flex-direction: column; } 
.section4 .research .lf .txt-box > .eng-tit { font-size: 15px; color: var(--point-color); line-height: normal; font-weight: 700; } 
.section4 .research .lf .txt-box > .tit { color: var(--main-color); font-size: 3.0rem; font-family: 'ONE-Mobile-Title'; font-weight: 400; line-height: normal; margin-top: 15px; } 
.section4 .research .lf .txt-box > .txt { font-size: 15px; font-weight: 500; line-height: 24px; color: #555; margin-top: 27px; word-break: keep-all; } 
/* swiper-control-st2 */
.swiper-control-st2 { display: flex; align-items: center; margin-top: 30px; gap: 30px; } 
.swiper-control-st2 .swiper-btn { display: flex; gap: 20px; align-items: center; } 
.swiper-control-st2 .swiper-btn > .prev, .swiper-control-st2 .swiper-btn > .next { height: 12px; cursor: pointer; z-index: 1;  } 
.swiper-control-st2 .swiper-btn > .prev:not(.swiper-button-disabled),.swiper-control-st2 .swiper-btn > .next:not(.swiper-button-disabled) {  outline: 2px dashed var(--point-color);}
.swiper-control-st2 .swiper-btn > div.swiper-button-disabled { opacity: 0.5; } 
.swiper-control-st2 .swiper-btn > .swiper-pagination-fraction { font-size: 1.8rem; font-weight: 500; color: #555; } 
.swiper-control-st2 .swiper-btn > .swiper-pagination-fraction > .swiper-pagination-current { color: var(--main-color); font-weight: 600; } 
.section4 .research .rg { width: calc(100% - 350px); height: 100%; overflow: hidden; } 
.section4 .research .rg .swiper { width: 100%; height: 305px; margin-bottom: -9px;} 
.section4 .research .rg .swiper .swiper-wrapper {} 
.section4 .research .rg .swiper .swiper-slide { width: 50%; height: calc(50% - 13px); padding: 3px;} 
.section4 .research .rg .swiper .swiper-slide > a {display: block; width: 100%; height: 100%; padding: 25px; border-radius: 2.0rem; border: 1px solid #e5e5e5;  background: #fff; }
.section4 .research .rg .swiper .swiper-slide > a .top { display: flex; justify-content: right; } 
.section4 .research .rg .swiper .swiper-slide > a .top > .cate { display: inline-block; font-size: 15px; color: #fff; line-height: normal; font-weight: 500; padding: 6px 10px; height: fit-content; border-radius: 0.6rem; } 
.section4 .research .rg .swiper .swiper-slide > a .top > .cate1 { background-color: var(--point-color); } 
.section4 .research .rg .swiper .swiper-slide > a .top > .cate2 { background-color: #D23083; } 
.section4 .research .rg .swiper .swiper-slide > a .top > .cate3 { background-color: #527543; } 
.section4 .research .rg .swiper .swiper-slide > a .top > .cate4 { background-color: #2B3C68; } 
.section4 .research .rg .swiper .swiper-slide > a .top > .cate5 { background-color: #682B2C; } 
.section4 .research .rg .swiper .swiper-slide > a .mid-txt { display: flex; flex-direction: column; margin-top: 10px; } 
.section4 .research .rg .swiper .swiper-slide > a .mid-txt > .tit { font-size: 1.8rem; font-weight: 600; color: #333; line-height: normal; } 
.section4 .research .rg .swiper .swiper-slide > a .mid-txt > .txt { font-size: 1.7rem; height: 72px; line-height: 24px; color: #555; font-weight: 400; margin-top: 20px; margin-bottom: 30px; } 
.date { display: flex; gap: 10px; align-items: center; font-size: 1.6rem; color: #757575; line-height: normal; } 
.date > i { width: 17px; height: 16px; background-repeat: no-repeat; background-size: contain; background-position: center center; background-image: url("data:image/svg+xml,%3Csvg width='17' height='18' viewBox='0 0 17 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.9375 2.25714L11.6838 2.25715V1.19812C11.6838 0.904538 11.446 0.666748 11.1525 0.666748C10.859 0.666748 10.6213 0.904538 10.6213 1.19812V2.25689H6.37128V1.19812C6.37128 0.904538 6.13355 0.666748 5.84003 0.666748C5.54652 0.666748 5.30878 0.904538 5.30878 1.19812V2.25689H1.0625C0.475734 2.25689 0 2.73273 0 3.31964V16.604C0 17.1909 0.475734 17.6667 1.0625 17.6667H15.9375C16.5243 17.6667 17 17.1909 17 16.604V3.31964C17 2.73298 16.5243 2.25714 15.9375 2.25714ZM15.9375 16.604H1.0625V3.31964H5.30878V3.855C5.30878 4.14856 5.54652 4.38637 5.84003 4.38637C6.13355 4.38637 6.37128 4.14856 6.37128 3.855V3.3199H10.6213V3.85526C10.6213 4.14885 10.859 4.38664 11.1525 4.38664C11.446 4.38664 11.6838 4.14885 11.6838 3.85526V3.3199H15.9375V16.604ZM12.2188 9.165H13.2812C13.5745 9.165 13.8125 8.92695 13.8125 8.63363V7.57088C13.8125 7.27756 13.5745 7.03951 13.2812 7.03951H12.2188C11.9255 7.03951 11.6875 7.27756 11.6875 7.57088V8.63363C11.6875 8.92695 11.9255 9.165 12.2188 9.165ZM12.2188 13.4157H13.2812C13.5745 13.4157 13.8125 13.1779 13.8125 12.8844V11.8216C13.8125 11.5283 13.5745 11.2902 13.2812 11.2902H12.2188C11.9255 11.2902 11.6875 11.5283 11.6875 11.8216V12.8844C11.6875 13.1782 11.9255 13.4157 12.2188 13.4157ZM9.03125 11.2902H7.96875C7.6755 11.2902 7.4375 11.5283 7.4375 11.8216V12.8844C7.4375 13.1779 7.6755 13.4157 7.96875 13.4157H9.03125C9.3245 13.4157 9.5625 13.1779 9.5625 12.8844V11.8216C9.5625 11.5286 9.3245 11.2902 9.03125 11.2902ZM9.03125 7.03951H7.96875C7.6755 7.03951 7.4375 7.27756 7.4375 7.57088V8.63363C7.4375 8.92695 7.6755 9.165 7.96875 9.165H9.03125C9.3245 9.165 9.5625 8.92695 9.5625 8.63363V7.57088C9.5625 7.2773 9.3245 7.03951 9.03125 7.03951ZM4.78125 7.03951H3.71875C3.4255 7.03951 3.1875 7.27756 3.1875 7.57088V8.63363C3.1875 8.92695 3.4255 9.165 3.71875 9.165H4.78125C5.0745 9.165 5.3125 8.92695 5.3125 8.63363V7.57088C5.3125 7.2773 5.0745 7.03951 4.78125 7.03951ZM4.78125 11.2902H3.71875C3.4255 11.2902 3.1875 11.5283 3.1875 11.8216V12.8844C3.1875 13.1779 3.4255 13.4157 3.71875 13.4157H4.78125C5.0745 13.4157 5.3125 13.1779 5.3125 12.8844V11.8216C5.3125 11.5286 5.0745 11.2902 4.78125 11.2902Z' fill='%23666666'/%3E%3C/svg%3E%0A"); } 
@media only screen and (max-width: 1023px){
 .section4 .research { flex-direction: column; } 
 .section4 .research .lf { width: 100%; } 
 .section4 .research .lf::before { top: 0; } 
.section4 .research .lf .txt-box > .txt { margin-top: 15px; } 
.section4 .research .rg { width: 100%; } 
.section4 .research { gap: 20px; } 
.swiper-control-st2 { margin-top: 20px; } 
 }
@media only screen and (max-width: 767px){
/*  .section4 .research .rg .swiper { width: 200%; }  */
.section4 .research .rg .swiper {height: unset; margin-bottom: 0;}
/* .section4 .research .rg .swiper .swiper-slide { height: 110px; padding: 15px; border-radius:1.5rem;} */
.section4 .research .rg .swiper .swiper-slide > a .top > .cate {font-size: 13px; padding: 0;}
.section4 .research .rg .swiper .swiper-slide > a .top > .cate1 {background-color: unset; color: var(--point-color);}
.section4 .research .rg .swiper .swiper-slide > a .top > .cate2 {background-color: unset; color: #2B3C68;}
.section4 .research .rg .swiper .swiper-slide > a .top > .cate3 {background-color: unset;  color: #2B3C68;}
.section4 .research .rg .swiper .swiper-slide > a .top > .cate4 {background-color: unset; color: #D23083;}
 }
@media only screen and (max-width: 500px){
 .section4 .research .lf::before { display: none; } 
 .section4 .research .rg .swiper .swiper-slide > a {padding: 15px; height:110px; }
 }

/* section5 */
.section5 { padding: 80px 0; } 
.section5.en { padding-top: 0; } 
.section5 .media { display: flex; justify-content: space-between; align-items: end; } 
.section5 .media > .lf { max-width: 560px; } 
.section5 .media > .lf .title-top { position: relative; } 
.section5 .media > .lf .title-top::before { content: "MEDIA"; position: absolute; bottom: -100px; left: -70px; font-size: 150px; font-weight: 900; color: rgba(21, 106, 137, 0.10);z-index: -1; } 
.section5 .media > .lf .title-top > .rg .tab-btn { display: flex; gap: 35px; } 
.section5 .media > .lf .title-top > .rg .tab-btn a { position: relative; display: block; font-size: 1.8rem; font-weight: 400; color: #555; white-space: nowrap; }
.section5 .media > .lf .title-top > .rg .tab-btn li {position: relative;}
.section5 .media > .lf .title-top > .rg .tab-btn li::after { content: ""; position: absolute; top: 9px; right: -21px; width: 5px; height: 5px; background: #C5C5C599; border-radius: 100%; } 
.section5 .media > .lf .title-top > .rg .tab-btn li:last-child::after { display: none; } 
.section5 .media > .lf .title-top > .rg .tab-btn a.on { font-weight: 700; color: var(--point-color); } 
.section5 .media > .lf > .tab-conts > .tab-cont { display: none; position: relative; } 
.section5 .media > .lf > .tab-conts > .tab-cont .video-swiper { width: 100%; height: 100%; } 
.section5 .media > .lf > .tab-conts > .tab-cont .video-swiper .swiper-slide > .video-wrap { position: relative; display: block; width: 100%; height: 0; padding-bottom: 52%; border-radius: 2.0rem; overflow: hidden; border: 1px solid #e5e5e5; } 
.section5 .media > .lf > .tab-conts > .tab-cont .video-swiper .swiper-slide > .video-wrap:focus {outline: 2px dashed #111; outline-offset: -2px;}
.section5 .media > .lf > .tab-conts > .tab-cont .video-swiper .swiper-slide > .video-wrap .cate { position: absolute; z-index: 2; top: 20px; right: 20px; display: inline-block; color: #fff; font-size: 15px; font-weight: 600; padding: 6px 10px; white-space: nowrap; border-radius: 0.6rem; z-index: 1; } 
.section5 .media > .lf > .tab-conts > .tab-cont .video-swiper .swiper-slide > .video-wrap .cate1 { background: var(--point-color); } 
.section5 .media > .lf > .tab-conts > .tab-cont .video-swiper .swiper-slide > .video-wrap .cate2 { background: #D23083; } 
.section5 .media > .lf > .tab-conts > .tab-cont .video-swiper .swiper-slide > .video-wrap .cate3 { background: #527543; } 
.section5 .media > .lf > .tab-conts > .tab-cont .video-swiper .swiper-slide > .video-wrap img {position: absolute; width: 100%; height: 100%; object-fit: cover; } 
.section5 .media > .lf > .tab-conts > .tab-cont .video-swiper .swiper-slide > .video-wrap::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0; transition: opacity 0.5s ease; } 
.section5 .media > .lf > .tab-conts > .tab-cont .video-swiper .swiper-slide > .video-wrap::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 55px; height: 55px; background-image: url(../img/main/icn-video-play.svg); opacity: 0; transition: opacity 0.5s ease; } 
.section5 .media > .lf > .tab-conts > .tab-cont .video-swiper .swiper-slide > .video-wrap:hover::before { opacity: 0.6; } 
.section5 .media > .lf > .tab-conts > .tab-cont .video-swiper .swiper-slide > .video-wrap:hover::after { opacity: 1; transition-delay: 0.3s; }
.section5 .media > .lf > .tab-conts > .tab-cont .video-swiper .swiper-slide > .video-wrap:not(:hover)::before,
.section5 .media > .lf > .tab-conts > .tab-cont .video-swiper .swiper-slide > .video-wrap:not(:hover)::after {
  transition-delay: 0s;
}
/*.section5 .media > .lf > .tab-conts > .tab-cont .video-swiper .swiper-slide > .video-wrap { &:not(:hover) ::before, &:not(:hover) ::after { transition-delay: 0s; }
 }
*/
.section5 .media > .lf > .tab-conts > .tab-cont .swiper-control-st3 .swiper-btn { position: absolute; top: 45%; width: 100%; display: flex; justify-content: space-between; z-index: 2; }
.section5 .media > .lf > .tab-conts > .tab-cont .swiper-control-st3 .swiper-btn .next { position: absolute; right: 10px; width: 30px; height: 30px; cursor: pointer; background: url(../img/common/arrow-next.svg); background-size: cover; } 
.section5 .media > .lf > .tab-conts > .tab-cont .swiper-control-st3 .swiper-btn .prev { position: absolute; left: 10px; width: 30px; height: 30px; cursor: pointer; background: url(../img/common/arrow-prev.svg); background-size: cover; } 

.section5 .media > .rg { width: calc(100% - 600px); display: flex; gap: 20px; } 
.title-top.sm { margin-bottom: 30px; } 
.title-top.sm .lf > .tit { position: relative; font-size: 2.2rem; } 
.title-top.sm .lf > .tit::before { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 14px; background: var(--point-color); opacity: 0.15; } 
.section5 .media > .rg .info-graph { position: relative; width: 100%; } 
/* .section5 .media > .rg .card-news { width: 275px; } */
.section5 .media > .rg .info-graph .title-top .tab-btn { display: flex; gap: 35px; } 
.section5 .media > .rg .info-graph .title-top .tab-btn a { position: relative; font-size: 1.8rem; font-weight: 400; color: #555; white-space: nowrap; }
.section5 .media > .rg .info-graph .title-top .tab-btn li {position: relative;}
.section5 .media > .rg .info-graph .title-top .tab-btn li::after { content: ""; position: absolute; top: 9px; right: -21px; width: 5px; height: 5px; background: #C5C5C599; border-radius: 100%; } 
.section5 .media > .rg .info-graph .title-top .tab-btn li:last-child::after { display: none; } 
.section5 .media > .rg .info-graph .title-top .tab-btn a.on { font-weight: 700; color: var(--point-color); } 
.section5 .media > .rg .info-graph .tab-conts > .tab-cont { display: none; } 
.section5 .media > .rg .swiper .swiper-slide { width: 275px; } 
.section5 .media > .rg .swiper .swiper-slide > .img-wrap { position: relative; border-radius: 2.0rem; border:1px solid #e5e5e5; width: 100%; height: 0; padding-bottom: 100%;} 
.section5 .media > .rg .swiper .swiper-slide > .img-wrap:focus {  outline: 2px dashed #111; outline-offset: -2px;}
.section5 .media > .rg .swiper .swiper-slide > .img-wrap .cate { position: absolute; z-index: 2; top: 20px; right: 20px; display: inline-block; color: #fff; font-size: 15px; font-weight: 600; padding: 6px 10px; white-space: nowrap; border-radius: 0.6rem; z-index: 1; } 
.section5 .media > .rg .swiper .swiper-slide > .img-wrap .cate1 { background: #2B3C68; } 
.section5 .media > .rg .swiper .swiper-slide > .img-wrap .cate2 { background: #D23083; } 
.section5 .media > .rg .swiper .swiper-slide > .img-wrap > img {position: absolute; width: 100% !important; height: 100% !important; object-fit: cover; } 
.section5 .media > .rg .swiper-control-st3 .swiper-btn { position: relative; display: flex; width: 100%; justify-content: space-between; z-index: 2; } 
.section5 .media > .rg .swiper-control-st3 .swiper-btn { position: absolute; top: 55%; } 
.section5 .media > .rg .swiper-control-st3 .swiper-btn .next { position: absolute; right: 10px; width: 30px; height: 30px; cursor: pointer; background: url(../img/common/arrow-next.svg); background-size: cover; } 
.section5 .media > .rg .swiper-control-st3 .swiper-btn .prev { position: absolute; left: 10px; width: 30px; height: 30px; cursor: pointer; background: url(../img/common/arrow-prev.svg); background-size: cover; } 
@media only screen and (max-width: 1250px){
 .section5 { padding: 50px 0; } 
 .section5 .media { flex-direction: column; gap: 50px; align-items: unset; } 
.section5 .media > .lf { width: 100%; max-width: 100%; } 
.section5 .media > .lf > .video-swiper .swiper-slide > .video-wrap { width: 100%; height: 100%; } 
.section5 .media > .rg { width: 100%; } 
.section5 .media > .rg .info-graph { width: 100%; } 
/* .section5 .media > .rg .swiper .swiper-slide {height: 350px;} */
 }
 @media only screen and (max-width: 767px){
 .section5 .media > .lf .title-top::before { font-size: 100px; bottom: -70px; left: -30px; } 
 .section5 .media > .lf .title-top { flex-wrap: wrap; gap: 20px 0; } 
 .section5 .media > .rg .title-top { flex-wrap: wrap; gap: 20px 0; } 
 }
 @media only screen and (max-width: 460px){
 .section5 .media > .rg { flex-direction: column; gap: 50px; } 
.section5 .media > .rg .info-graph { width: 100%; } 
.section5 .media > .rg .card-news { width: 100%; } 
 }
 @media only screen and (max-width: 370px){
 .section5 .media > .lf .title-top::before { font-size: 80px; bottom: -60px; left: -50px; } 
 }

/* section6 */
.section6 { padding-bottom: 80px; } 
.section6 .notice { display: flex; justify-content: space-between; align-items: end; } 
.section6 .notice > .lf { width: calc(100% - 30% - 40px ); position: relative; } 
.section6 .notice .lf .tab-conts > .tab-cont { display: none; } 
.section6 .notice .lf .tab-conts > .tab-cont > .list > li { padding: 20px 0; border-bottom: 1px solid #e5e5e5; } 
.section6 .notice .lf .tab-conts > .tab-cont > .list > li > a { position: relative; display: flex; gap: 40px; align-items: center; } 
.section6 .notice .lf .tab-conts > .tab-cont > .list > li > a::after { content: ""; position: absolute; top: 50%; transform: translateY(-50%); right: 0; width: 40px; height: 40px; background: url(../img/main/link-btn.svg)no-repeat center center / 41px; transition: transform 0.3s ease; } 
.section6 .notice .lf .tab-conts > .tab-cont > .list > li > a:hover::after { transform: translateY(-50%) rotate(-45deg); } 

.section6 .notice .lf .tab-conts > .tab-cont > .list > li > a > .cate { display: inline-block; font-size: 1.6rem; color: #fff; font-weight: 500; line-height: normal; padding: 8px; border-radius: 0.5rem; white-space: nowrap; } 
.section6 .notice .lf .tab-conts > .tab-cont > .list > li > a > .cate1 { background-color: var(--point-color); } 
.section6 .notice .lf .tab-conts > .tab-cont > .list > li > a > .cate2 { background-color: #D23083; } 
.section6 .notice .lf .tab-conts > .tab-cont > .list > li > a > .cate3 { background-color: #527543; } 
.section6 .notice .lf .tab-conts > .tab-cont > .list > li > a > p > .tit { font-size: 2.0rem; line-height: normal; font-weight: 600; color: #333; max-width: 500px; margin-bottom: 12px; } 

.section6 .notice .title-top .rg { display: flex; gap: 20px; align-items: center; } 
.section6 .notice .title-top .rg .tab-btn { display: flex; gap: 35px; padding-right: 70px; } 
.section6 .notice .title-top .rg .tab-btn a { position: relative; font-size: 1.8rem; font-weight: 400; color: #555; white-space: nowrap; } 
.section6 .notice .title-top .rg .tab-btn a.on { font-weight: 700; color: var(--point-color); } 
.section6 .notice .title-top .rg .tab-btn li {position: relative;}
.section6 .notice .title-top .rg .tab-btn li::after { content: ""; position: absolute; top: 9px; right: -21px; width: 5px; height: 5px; background: #C5C5C599; border-radius: 100%; } 
.section6 .notice .title-top .rg .tab-btn li:last-child::after { display: none; } 
.section6 .more-btn { position: absolute; top: 0; right: 0; } 

.section6 .notice > .rg { width: 30%; } 
.section6 .notice > .rg .baro-link { width: 100%; height: 400px; } 
.section6 .notice > .rg .baro-link .swiper-slide { width: 100%; height: 80px; } 
/* .section6 .notice > .rg .baro-link .swiper-slide .img-wrap { display: block; height: 80px; overflow: hidden; border-radius: 0.5rem; border: 1px solid #e5e5e5; } */
.section6 .notice > .rg .baro-link .swiper-slide .img-wrap { display: block; height: 0; padding-bottom: 25%; overflow: hidden; border-radius: 0.5rem; border: 1px solid #e5e5e5; } 
.section6 .notice > .rg .baro-link .swiper-slide .img-wrap img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.swiper-pagination-clickable .swiper-pagination-bullet {border: 1px solid var(--point-color); opacity: 1; background: #fff; width: 12px; height: 12px;} 
.swiper-pagination-clickable .swiper-pagination-bullet:focus {outline:2px dotted #222;}
.section6 .notice > .rg .swiper-pagination-bullet-active { background: var(--point-color); } 
@media only screen and (max-width: 1110px){
 .section6 .notice > .lf { width: calc(70% - 40px ); } 
.section6 .notice .lf .tab-conts > .tab-cont > .list > li > a > p > .tit { max-width: 450px; } 
 }
@media only screen and (max-width: 1023px){
 .section6 { padding-bottom: 50px; } 
.section6 .notice { flex-direction: column; justify-content: unset; gap: 30px; } 
.section6 .notice > .lf { width: 100%; } 
.section6 .notice .lf .tab-conts > .tab-cont > .list > li > a > p > .tit { max-width: calc(100% - 60px); } 
.section6 .notice > .rg { width: 100%; } 
.section6 .notice > .rg .baro-link { height:100%; } 
.section6 .notice > .rg .baro-link .swiper-slide { height: unset; } 
.section6 .notice > .rg .swiper-control-st4 { display: flex; margin-top: 20px; width: 100%; justify-content: center; } 
 }
@media only screen and (max-width: 767px){
 .section6 .notice .title-top { display: block; } 
.section6 .notice .title-top .rg { margin-top: 2rem; } 
.section6 .notice .title-top .rg .tab-btn { padding-right: unset; } 
 }
@media only screen and (max-width: 560px){
 .section6 .notice .lf .tab-conts > .tab-cont > .list > li { padding: 15px 0; } 
 .section6 .notice .baro-link .banner-list { flex-direction: column; gap: 10px; } 
.section6 .notice .baro-link .banner-list li > .img-wrap { height: 100px; } 
 }
@media only screen and (max-width: 500px){
 .section6 .notice .title-top { display: block; margin-bottom: 0px; } 
.section6 .notice .title-top .rg .tab-btn { gap: 15px; } 
.section6 .notice .title-top .rg .tab-btn > a::after { display: none; } 
.section6 .notice .lf .tab-conts > .tab-cont > .list > li > a { display: block; } 
.section6 .notice .lf .tab-conts > .tab-cont > .list > li > a::after { display: none; } 
.section6 .notice .lf .tab-conts > .tab-cont > .list > li > a > p > .tit { max-width: 100%; } 
.section6 .notice .lf .tab-conts > .tab-cont > .list > li > a > .cate { font-size: 14px; padding: 5px 8px; margin-bottom: 15px; } 
.section6 .notice .lf .tab-conts > .tab-cont > .list > li > a > p > .date { justify-content: right; } 
 }
/* 하단배너 */
#bottom-bner > iframe { width: 100%; } 
#bottom-bner > iframe img { width: 100%; height: 100%; } 

.section7 { padding-bottom: 80px; } 
.section7 .inner-padding { display: flex; gap: 40px; } 
.section7 .inner-padding > div { padding: 30px; border-radius: 2rem; border: 1px solid var(--bd-color); } 
.section7 .inner-padding .lf { width: 50%; display: flex; flex-direction: column; justify-content: space-between;} 
.section7 .inner-padding .lf > .tit { display: block; font-size: 2.5rem; } 
.section7 .inner-padding .rg { width: 50%; display: flex; flex-direction: column; justify-content: space-between;} 
.section7 .inner-padding .rg > .tit { display: block; color: var(--main-color); font-size: 2.5rem; } 
.section7 .inner-padding > div > p { color: #555; font-size: 1.8rem; word-break: keep-all; } 
.section7 .inner-padding > div > .link-btn { display: flex; width: fit-content; align-items: center; margin-top: 2rem; padding: 10px 18px; gap: 10px; border-radius: .5rem; background: var(--main-color); color: #fff; } 
.section7 .inner-padding > .lf > .link-btn i { display: block; width: 13px; height: 13px; background-image: url("data:image/svg+xml,%3Csvg width='49' height='49' viewBox='0 0 49 49' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.73334 48.75L41.3333 13.15L41.3333 45.0417L48.75 45.0417L48.75 0.541656L4.25002 0.541653L4.25001 7.95832L36.1417 7.95832L0.541679 43.5583L5.73334 48.75Z' fill='%23fff'/%3E%3C/svg%3E%0A"); background-size: contain; } 
.section7 .inner-padding > .rg > .link-btn i { display: block; width: 16px; height: 16px; background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 72.47 75'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: none; stroke: %23fff; stroke-linecap: round; stroke-linejoin: round; stroke-width: 10px; %7D %3C/style%3E%3C/defs%3E%3Cg id='icon'%3E%3Cpolyline class='cls-1' points='3 47.65 3 72 69.47 72 69.47 47.65'/%3E%3Cline class='cls-1' x1='36.24' y1='3' x2='36.24' y2='54'/%3E%3Cpolyline class='cls-1' points='57.24 36.08 36.24 54.08 15.24 36.08'/%3E%3C/g%3E%3C/svg%3E"); background-size: contain; } 
@media only screen and (max-width: 767px){
 .section7 .inner-padding { flex-direction: column; gap: 20px; } 
.section7 .inner-padding > .lf { width: 100%; } 
.section7 .inner-padding > .rg { width: 100%; } 
 }

.section8 { padding-bottom: 50px; } 
.section8 > .inner-padding > .email { position: relative; background: linear-gradient(90deg, #08506A 0%, #156A89 100%); border-radius: 2rem; padding: 40px; color: #fff; overflow: hidden; } 
.section8 > .inner-padding > .email::after { content: ""; position: absolute; top: -20px; right: 0; width: 597px; height: 364px; background: url(../img/main/section8-img.svg); opacity: .4; background-size: contain; background-repeat: no-repeat;} 
.section8 > .inner-padding > .email .tit { display: block; font-size: 3rem; margin-bottom: 1rem; font-family: 'montserrat'; } 
.section8 > .inner-padding > .email p { font-size: 18px; margin-bottom: 2rem; word-break: keep-all;} 
.section8 > .inner-padding > .email .email-box { position: relative; display: inline-flex; width: 50%; } 
.section8 > .inner-padding > .email .email-box > input { height: 40px; border: none; background: none; line-height: 4rem; padding: 0 10px; color: #fff; border-bottom: 1px solid #ffffffbb; } 
.section8 > .inner-padding > .email .email-box > input::placeholder { color: #ffffff94; } 
.section8 > .inner-padding > .email .email-box > input:focus { outline: none; } 
.section8 > .inner-padding > .email .email-box > button { background: #fff; display: inline-block; height: 40px; border-radius: .5rem; padding: 0 20px; color: var(--point-color); font-weight: 600; margin-left: 10px; word-break: keep-all;} 
@media only screen and (max-width: 1023px){
.section8 > .inner-padding > .email .email-box { width: unset; }
.section8 > .inner-padding > .email .email-box {width: stretch;}
.section8 > .inner-padding > .email .email-box > input {width: 100%;}
}
@media only screen and (max-width: 767px){
.section8 > .inner-padding > .email::after {top: 20px; width: 307px; height: 204px;}
}
@media only screen and (max-width: 500px){
.section8 > .inner-padding > .email .email-box {display: flex; flex-direction: column; gap: 10px;}
.section8 > .inner-padding > .email .email-box > button {margin-left: 0;}
}
.bottom-bner > iframe { border: 0; }
.swiper-button-lock {display: block;}

#bottom-bner #851ddf50 a:focus {outline: 2px dotted #111; outline-offset: -2px;}